@import '../../style/themes';
@import '../../style/mixins';

.x-virtual-list {
  position: relative;
  overflow: hidden;

  &_wrapper {
    @include reset-scroll(4px, 0, $scrollbar-thumb-bg, #00000000);

    &::-webkit-scrollbar {
      transition: width .1s;
    }
    &::-webkit-scrollbar:hover {
      width: 12px !important;
      background-color: $scrollbar-track-bg;
    }
    &::-webkit-scrollbar-track {
      transition: width .1s;
    }
    
    position: relative;
  }

  &_item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  
  &_scrollbar {
    position: absolute;
    width: $scrollbar-w;
    // height: $scrollbar-h;
    top: 0;
    right: 0;
    bottom: 0;
    // background: $scrollbar-track-bg;

    &-thumb {
      width: 100%;
      height: 100%;
      background: $scrollbar-thumb-bg;
      user-select: none;
    }
  }
}